<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>

<script>

export default {
  name: 'App',
  provide () {
    return {
      reload: this.reload
    }
  },
  data () {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    // 刷新页面
    reload () {
      // 修改数据
      this.isRouterAlive = false
      // DOM 还没有更新
      this.$nextTick(() => {
        // DOM 现在更新了
        // this 绑定到当前实例
        this.isRouterAlive = true
      })
    }
  }
}
</script>

<style lang="less">

</style>
